﻿body {
	background: #3b5998; /* Old browsers */
	background: -moz-linear-gradient(top,  #3b5998 10%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#3b5998), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3b5998 10%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3b5998 10%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3b5998 10%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(top,  #3b5998 10%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b5998', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	
	background-repeat: no-repat;

}

#cajainfo p{
	color:#DDD;
}
#cajainfo a{
	color:#BBB;
}

hr{
	border:1px solid #999;
	
	margin:20px;
}

#contenedor{
	background-color: #FFF;
	border-radius: 10px;
	border-width: 2px;
	margin: 2% auto;
	width: 1000px;
}

header{
	background-color: #3b5998;
	display:block;
	height: 110px;
}

#logo{
	background:url('../img/facemaps-logo1.png');
	height: 87px;
	width: 300px;
	margin-left: 20px;
	float:left;
}

#eslogan{
	color: #fff;
	font-family: 'Fugaz One', cursive;
	font-size:30px;
	margin:0 15px;
	width: 500px;
	float:right;
	text-shadow: #000 5px 5px 5px;  
	
}

#estilo{
	float:right;
	
/*Gradiente*/
   border-top: 1px solid #96d1f8;
   background: #204a9e;
   background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#204a9e));
   background: -webkit-linear-gradient(top, #ffffff, #204a9e);
   background: -moz-linear-gradient(top, #ffffff, #204a9e);
   background: -ms-linear-gradient(top, #ffffff, #204a9e);
   background: -o-linear-gradient(top, #ffffff, #204a9e);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #990000;
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
#estilo:hover { border-top: 1px solid #ffffff;
   background: #ffffff;
   background: -webkit-gradient(linear, left top, left bottom, from(#204a9e), to(#ffffff));
   background: -webkit-linear-gradient(top, #204a9e, #ffffff);
   background: -moz-linear-gradient(top, #204a9e, #ffffff);
   background: -ms-linear-gradient(top, #204a9e, #ffffff);
   background: -o-linear-gradient(top, #204a9e, #ffffff);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #990000;
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
}
#estilo:active {
   border-top-color: #ffffff;
   background: #ffffff;
}




#cuerpo{
	
}

#mapform{
	border: 0px;
	float:right;
	margin-right:20px;
	padding:0px;

}

#mapa{
	background-color: #000;
	height: 500px;
	margin: 5px auto;
	width: 700px;
	border:2px solid #333;
}
	


#formulario{
	background-color:#3b5998;
	border-radius: 10px;
	color: #fff;
	margin: 3% auto;
	padding: 10px;
	width: 674px;
	display:block;

}

/* CSS DE LA CAJA DE INFORMACION*/

#info{
	border: 0px;
	border-radius: 10px;
	float:left;
	height: 320px;
	margin-left: 20px;
	padding: 0px;
	width: 240px;
}

#cajatitulo{
	
	
	color: #3b5998;
	height: 25px;
	margin: 1px auto;
	width: auto;
}

#tituloinfo{
	color:#3b5998;
	font-size: 20px;
	font-family:Helvetica;
	margin-left: 25%;
}
	
#cajainfo{
	background-color: #3b5998;
	border-radius: 10px;
	color: #fff;
	margin-top: 10px;
	padding: 8px;
}

.claseinfo, p{
	font-size:12px;
	color: #303030;
	font-family:Helvetica;
}


/* TERMINA CSS DE LA CAJA DE INFORMACION */

#textform{
	font-family: helvetica, 'Averia Sans Libre', cursive;
	font-size: 18px;
	padding-bottom:10px;
	display:block;
}

input[type="text"],select{
	margin-right:5px;
	box-shadow: #FFF 0px 1px, inset #CCC 1px 1px 1px;	
	padding:1px;
	border:1px solid  #AAA;
	color:#333;
}
input[type="text"]{
	margin-left:20px;
	height:20px;
	width:450px;
}

#msg{
	margin-bottom:5px;
	background:#FC9;
	box-shadow:inset #FCE 0px 1px 3px,#F99 0px 1px 2px;	
	padding:5px;
	border:1px solid #F99;
	font-size:14px;
	font-weight:bold;
	color:#A80000;
}

select{
	margin:1px;
	height:23px;
}

#btnform{
	display:block;
	margin: 10px 270px;
	
	/*Estilo del botón*/
	 border-top: 1px solid #dfdfe1;
   background: #305eb8;
   background: -webkit-gradient(linear, left top, left bottom, from(#6c97f5), to(#305eb8));
   background: -webkit-linear-gradient(top, #6c97f5, #305eb8);
   background: -moz-linear-gradient(top, #6c97f5, #305eb8);
   background: -ms-linear-gradient(top, #6c97f5, #305eb8);
   background: -o-linear-gradient(top, #6c97f5, #305eb8);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
  
   }
   
#btnform:hover {
   border-top: 1px solid #dfdfe1;
   background: #6c97f5;
   background: -webkit-gradient(linear, left top, left bottom, from(#305eb8), to(#6c97f5));
   background: -webkit-linear-gradient(top, #305eb8, #6c97f5);
   background: -moz-linear-gradient(top, #305eb8, #6c97f5);
   background: -ms-linear-gradient(top, #305eb8, #6c97f5);
   background: -o-linear-gradient(top, #305eb8, #6c97f5);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
}
   
  
#btnform:active {
   border-top-color: #fff;
   background: #fff;
   color: #3b5998;
}



/* footer*/

#cc{
	
}

#footer{
	display:block;
	border-top:2px solid #999;
	font-family: Helvetica;
	font-size: 12px;
	margin:10px 20px;
	padding:5px;
	text-align:right;
}

footer{
	clear:both;
}


